<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="model.Gebruiker;"%>

<head>
	<title>Auction</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    

    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<!-- begin body -->
<body>


	<!-- begin logo -->
	<div id="logo">
		<img class="logoimg" src="images/logo.png" alt="logo" />
	</div>
	<!-- end logo -->
	
	<!-- begin main -->	
	<div class="main">
	
	<!-- begin auctionwrap -->
		<div class="auctionwrap">
		
			 <c:choose>
      <c:when test="${gebruiker!=null}">
      <div class="menu">
			<ul id="menuItems">
				<li><a href="./VeilingController">Home</a></li>
				<li><a class="on" href="./VeilingController?action=myAuctions">My Auctions</a></li>
				<li><a href="./VeilingController?action=myBids">My Bids</a></li>
				<li><a href="./EditProfileController">Edit profile</a></li>
				<li><a href="./InlogController?action=logout">Logout</a></li>
			</ul>
			<ul id="ingelogd"> <li> Logged in as: <b>
						<c:out value="${gebruiker.voornaam}"></c:out> <c:out value="${gebruiker.achternaam}"> </c:out></b>
						</li></ul>
			</div>
      </c:when>

      <c:otherwise> 
       	<div class="menu">
			<ul id="menuItems">
    			<li><a href="./VeilingController">Home</a></li>
      			<li><a href="./VeilingController?action=login">Login</a></li>
     			<li><a href="./VeilingController?action=register">Register</a></li>
      		</ul>
		</div>
      </c:otherwise>
    </c:choose>
    	
			<div class="auctions">
				<div class="addAuction">
					<a href="./VeilingController?action=newauction" class="button">
						<span>Add auction</span>
					</a>
				</div>
				<!-- begin auction overzicht -->
				<c:forEach var="veiling" items="${Veilingen}" varStatus="status">
				<c:if test="${veiling.expired == false}">
				<div class="myAuction">
						<ul id="auctionInfo">
							<li><h5><a href="./VeilingController?action=fullauction&veiling=${veiling.id}"><c:out value="${veiling.titel}"> </c:out></a></h5></li>	
							<li><h5>Highest bid: <c:out value="${veiling.highestBid}"></c:out> &euro; </h5></li>
						</ul>
						<ul id="auctionEdit">
							<li><a id="editButton" href="./editController?action=delete&veilingid=${veiling.id}" class="button"><span>Delete</span></a></li>
							<c:choose>
							<c:when test="${veiling.prijs ==veiling.highestBidDouble}">
							<li><a id="editButton" href="./editController?veilingid=${veiling.id}" class="button"><span>Edit</span></a></li>
							</c:when>
							<c:otherwise>
							<li><p id="editButton" class="inactiveButton" ><span>Edit</span></p></li>
							</c:otherwise>
							</c:choose>
						</ul>
				</div>
				</c:if>
				</c:forEach>
				
				<!-- end auction overzicht -->
			</div>
			
		</div>
		<!-- end auctionwrap -->
	</div>
	<!-- end main -->
	
	

</body>
<!-- // end body -->

</html>
